<template>
  <div>
    我是朋友组件
    <!-- 使用 $route 接收 query 参数 -->
    <p>
      这是我接收到的query参数: {{ $route.query.name }} ---
      {{ $route.query.age }}
    </p>
    <p>
      这是我接收到的params参数: {{ $route.params.name }} ---
      {{ $route.params.age }}
    </p>
  </div>
</template>

<script>
export default {
  name: "Part",
  data() {
    return {};
  },
  created() {
    console.log(this.$route.query);
    console.log("Part 被创建了");
  },
  destroyed() {
    console.log("Part 被干掉了");
  },
  activated() {
    console.log("Part 激活了");
  },
  deactivated() {
    console.log("Part 失活了");
  },
};
</script>

<style lang="scss" scoped>
</style>